window.onload=function(){
    let button=document.querySelector(".Allselect");
    let mesList=document.querySelectorAll(".continerBox");
    let line=document.querySelector(".line")
    var cont=document.querySelectorAll(".cont1");
    var navItem1=document.querySelectorAll(".navItem");
    navItem1.forEach(function (ele, index) {
        ele.onclick = function () {
            cont.forEach(function (value, i) {
                value.style.opacity = "0";
                navItem1[i].classList.remove("navItem1");
            });
            navItem1[index].classList.add("navItem1");
            cont[index].style.opacity = "1";

        };

    })

























}